<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>上架商品</title>
		<link rel="stylesheet" href="font/font-awesome-4.7.0/css/font-awesome.min.css" />
		<link rel="stylesheet" href="css/product.css" />
	</head>
	<body>
		<div class="web">
		<header>
			<div class="retreat-btn">
				<a href="../shop_manage/shopIndex.html"><i class="fa fa-angle-left"></i></a>
			</div>			
			<div class="search">
				<a href="search.html"><i class="fa fa-search"></i></a>
				<span>完成</span>
			</div>
			<h3 class="title">小店商品</h3>
		</header>
		<section>
			<nav>
				<div class="item-wrap clearfix">
					<span class="active">上架商品(4)</span>
					<span class="un-active">已下架(3)</span>
				</div>
			</nav>
			<!--上架商品-->
			<div class="on-sale">
				<div class="product-wrap">
					<div class="make-sure">
						<input type="checkbox" />
						<label></label>
					</div>
					<div class="product">
						<div class="imgwrap">
							<img src="img/edit_img/edit_01.jpg" alt="产品" />
						</div>
						<div class="description">
							<p class="desc-1">韩国泡面农心辛拉面120g*5袋辛辣香菇牛肉速食汤面</p>
							<p class="desc-2">
								<span>库存:&nbsp;999+件</span>
								<span>利润:&nbsp;&yen;&nbsp;54.00/件</span>
							</p>
							<div class="desc-3 clearfix">
								<div>售价:&nbsp;<em>&yen;&nbsp;99.00</em></div>
								<div class="bar-btn">
									<img src="img/product_img/product_01.png" alt="menu" />									
								</div>
							</div>
						</div>	
						<ul class="hide-bar">
							<li>
								<div class="icon">
									<img src="img/product_img/edit.png"/>
								</div>
								<h6>编辑</h6>
							</li>
							<li>
								<div class="icon">
									<img src="img/product_img/throw.png"/>
								</div>
								<h6>下架</h6>
							</li>
							<li>
								<div class="icon">
									<img src="img/product_img/delete.png"/>
								</div>
								<h6>删除</h6>
							</li>
							<li>
								<div class="icon">
									<img src="img/product_img/spread.png"/>
								</div>
								<h6>推广</h6>
							</li>
							<li>
								<div class="icon">
									<img src="img/product_img/top.png"/>
								</div>
								<h6>置顶</h6>
							</li>
						</ul>
					</div>
				</div>
				<div class="product-wrap">
					<div class="make-sure">
						<input type="checkbox" />
						<label></label>
					</div>
					<div class="product">
						<div class="imgwrap">
							<img src="img/edit_img/edit_01.jpg" alt="产品" />
						</div>
						<div class="description">
							<p class="desc-1">韩国泡面农心辛拉面120g*5袋辛辣香菇牛肉速食汤面</p>
							<p class="desc-2">
								<span>库存:&nbsp;999+件</span>
								<span>利润:&nbsp;&yen;&nbsp;54.00/件</span>
							</p>
							<div class="desc-3 clearfix">
								<div>售价:&nbsp;<em>&yen;&nbsp;98.00</em></div>
								<div class="bar-btn">
									<img src="img/product_img/product_01.png" alt="menu" />									
								</div>
							</div>
						</div>	
						<ul class="hide-bar">
							<li>
								<div class="icon">
									<img src="img/product_img/edit.png"/>
								</div>
								<h6>编辑</h6>
							</li>
							<li>
								<div class="icon">
									<img src="img/product_img/throw.png"/>
								</div>
								<h6>下架</h6>
							</li>
							<li>
								<div class="icon">
									<img src="img/product_img/delete.png"/>
								</div>
								<h6>删除</h6>
							</li>
							<li>
								<div class="icon">
									<img src="img/product_img/spread.png"/>
								</div>
								<h6>推广</h6>
							</li>
							<li>
								<div class="icon">
									<img src="img/product_img/top.png"/>
								</div>
								<h6>置顶</h6>
							</li>
						</ul>
					</div>
				</div>
				<div class="product-wrap">
					<div class="make-sure">
						<input type="checkbox" />
						<label></label>
					</div>
					<div class="product">
						<div class="imgwrap">
							<img src="img/edit_img/edit_01.jpg" alt="产品" />
						</div>
						<div class="description">
							<p class="desc-1">韩国泡面农心辛拉面120g*5袋辛辣香菇牛肉速食汤面</p>
							<p class="desc-2">
								<span>库存:&nbsp;999+件</span>
								<span>利润:&nbsp;&yen;&nbsp;54.00/件</span>
							</p>
							<div class="desc-3 clearfix">
								<div>售价:&nbsp;<em>&yen;&nbsp;97.00</em></div>
								<div class="bar-btn">
									<img src="img/product_img/product_01.png" alt="menu" />									
								</div>
							</div>
						</div>	
						<ul class="hide-bar">
							<li>
								<div class="icon">
									<img src="img/product_img/edit.png"/>
								</div>
								<h6>编辑</h6>
							</li>
							<li>
								<div class="icon">
									<img src="img/product_img/throw.png"/>
								</div>
								<h6>下架</h6>
							</li>
							<li>
								<div class="icon">
									<img src="img/product_img/delete.png"/>
								</div>
								<h6>删除</h6>
							</li>
							<li>
								<div class="icon">
									<img src="img/product_img/spread.png"/>
								</div>
								<h6>推广</h6>
							</li>
							<li>
								<div class="icon">
									<img src="img/product_img/top.png"/>
								</div>
								<h6>置顶</h6>
							</li>
						</ul>
					</div>
				</div>
				<div class="product-wrap">
					<div class="make-sure">
						<input type="checkbox" />
						<label></label>
					</div>
					<div class="product">
						<div class="imgwrap">
							<img src="img/edit_img/edit_01.jpg" alt="产品" />
						</div>
						<div class="description">
							<p class="desc-1">韩国泡面农心辛拉面120g*5袋辛辣香菇牛肉速食汤面</p>
							<p class="desc-2">
								<span>库存:&nbsp;999+件</span>
								<span>利润:&nbsp;&yen;&nbsp;54.00/件</span>
							</p>
							<div class="desc-3 clearfix">
								<div>售价:&nbsp;<em>&yen;&nbsp;96.00</em></div>
								<div class="bar-btn">
									<img src="img/product_img/product_01.png" alt="menu" />									
								</div>
							</div>
						</div>	
						<ul class="hide-bar">
							<li>
								<div class="icon">
									<img src="img/product_img/edit.png"/>
								</div>
								<h6>编辑</h6>
							</li>
							<li>
								<div class="icon">
									<img src="img/product_img/throw.png"/>
								</div>
								<h6>下架</h6>
							</li>
							<li>
								<div class="icon">
									<img src="img/product_img/delete.png"/>
								</div>
								<h6>删除</h6>
							</li>
							<li>
								<div class="icon">
									<img src="img/product_img/spread.png"/>
								</div>
								<h6>推广</h6>
							</li>
							<li>
								<div class="icon">
									<img src="img/product_img/top.png"/>
								</div>
								<h6>置顶</h6>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!--已下架页面-->
		<div class="throw">
			<div class="product-wrap">
				<div class="make-sure">
					<input type="checkbox" />
					<label></label>
				</div>
				<div class="product">						
					<div class="imgwrap">
						<img src="img/product_img/product_02.jpg" alt="产品" />
					</div>
					<div class="description">
						<p class="desc-1">韩国乐天黑巧克力进口食品巧克力礼盒装86g*6罐</p>
						<p class="desc-2">
							<span>库存:&nbsp;999+件</span>
							<span>利润:&nbsp;&yen;&nbsp;54.00/件</span>
						</p>
						<div class="desc-3 clearfix">
							<div>售价:&nbsp;<em>&yen;&nbsp;99.00</em></div>
							<div class="bar-btn">
								<img src="img/product_img/product_01.png" alt="menu" />									
							</div>
						</div>
					</div>
					<ul class="hide-bar">
						<li>
							<div class="icon">
								<img src="img/product_img/edit.png"/>
							</div>
							<h6>编辑</h6>
						</li>
						<li>
							<div class="icon">
								<img src="img/product_img/throw.png"/>
							</div>
							<h6>下架</h6>
						</li>
						<li>
							<div class="icon">
								<img src="img/product_img/delete.png"/>
							</div>
							<h6>删除</h6>
						</li>
						<li>
							<div class="icon">
								<img src="img/product_img/spread.png"/>
							</div>
							<h6>推广</h6>
						</li>
						<li>
							<div class="icon">
								<img src="img/product_img/top.png"/>
							</div>
							<h6>置顶</h6>
						</li>
					</ul>
				</div>
			</div>	
			<div class="product-wrap">
				<div class="make-sure">
					<input type="checkbox" />
					<label></label>
				</div>
				<div class="product">						
					<div class="imgwrap">
						<img src="img/product_img/product_02.jpg" alt="产品" />
					</div>
					<div class="description">
						<p class="desc-1">韩国乐天黑巧克力进口食品巧克力礼盒装86g*6罐</p>
						<p class="desc-2">
							<span>库存:&nbsp;999+件</span>
							<span>利润:&nbsp;&yen;&nbsp;54.00/件</span>
						</p>
						<div class="desc-3 clearfix">
							<div>售价:&nbsp;<em>&yen;&nbsp;98.00</em></div>
							<div class="bar-btn">
								<img src="img/product_img/product_01.png" alt="menu" />								
							</div>
						</div>
					</div>
					<ul class="hide-bar">
						<li>
							<div class="icon">
								<img src="img/product_img/edit.png"/>
							</div>
							<h6>编辑</h6>
						</li>
						<li>
							<div class="icon">
								<img src="img/product_img/throw.png"/>
							</div>
							<h6>下架</h6>
						</li>
						<li>
							<div class="icon">
								<img src="img/product_img/delete.png"/>
							</div>
							<h6>删除</h6>
						</li>
						<li>
							<div class="icon">
								<img src="img/product_img/spread.png"/>
							</div>
							<h6>推广</h6>
						</li>
						<li>
							<div class="icon">
								<img src="img/product_img/top.png"/>
							</div>
							<h6>置顶</h6>
						</li>
					</ul>
				</div>
			</div>
			<div class="product-wrap">
				<div class="make-sure">
					<input type="checkbox" />
					<label></label>
				</div>
				<div class="product">						
					<div class="imgwrap">
						<img src="img/product_img/product_02.jpg" alt="产品" />
					</div>
					<div class="description">
						<p class="desc-1">韩国乐天黑巧克力进口食品巧克力礼盒装86g*6罐</p>
						<p class="desc-2">
							<span>库存:&nbsp;999+件</span>
							<span>利润:&nbsp;&yen;&nbsp;54.00/件</span>
						</p>
						<div class="desc-3 clearfix">
							<div>售价:&nbsp;<em>&yen;&nbsp;97.00</em></div>
							<div class="bar-btn">
								<img src="img/product_img/product_01.png" alt="menu" />									
							</div>
						</div>
					</div>	
					<ul class="hide-bar">
						<li>
							<div class="icon">
								<img src="img/product_img/edit.png"/>
							</div>
							<h6>编辑</h6>
						</li>
						<li>
							<div class="icon">
								<img src="img/product_img/throw.png"/>
							</div>
							<h6>下架</h6>
						</li>
						<li>
							<div class="icon">
								<img src="img/product_img/delete.png"/>
							</div>
							<h6>删除</h6>
						</li>
						<li>
							<div class="icon">
								<img src="img/product_img/spread.png"/>
							</div>
							<h6>推广</h6>
						</li>
						<li>
							<div class="icon">
								<img src="img/product_img/top.png"/>
							</div>
							<h6>置顶</h6>
						</li>
					</ul>
				</div>
			</div>	
			
		</div>		
		</section>
		<footer>
			<div class="btn-group clearfix">
				<div class="add">
					<a href="edit.html">添加商品</a>
				</div>
				<div class="manage">批量管理</div>
			</div>
			<div class="manage-panel">				
				<div class="inner">
					<span class="select-all">
						<input type="checkbox"  class="front"/>
						<label class="after"></label>全选
					</span>
					<span class="move-top">移到顶部</span>
					<span class="thrown">下架</span>
					<span class="delete">删除</span>
					<span class="to-sale">上架</span>
				</div>
			</div>
		</footer>
		<!--上架弹框-->
		<div class="sale-prompt">
			<div class="inner">
				<p class="top">确定要上架该商品吗？</p>
				<div class="bottom">
					<span>取消</span>
					<span>上架</span>
				</div>
			</div>
		</div>
			<div class="on-sale-success-wrap">	
				<div class="on-sale-success">
					<img src="img/product_img/product_05.png" alt="" />
				</div>
			</div>
			<div class="toTop-success-wrap">	
				<div class="toTop-success">
					<img src="img/product_img/product_06.png" alt="" />
				</div>
			</div>
			<div class="spread-prompt-wrap">
				<div class="white-wrap">
					<ul class="spread-prompt">
					<li>
						<a href="">
							<div class="imgwrap">
								<img src="img/product_img/icon1.png" alt="" />
							</div>
							<h6>微信好友</h6>
						</a>
					</li>
					<li>
						<a href="">
							<div class="imgwrap">
								<img src="img/product_img/icon2.png"" alt="" />
							</div>
							<h6>微信朋友圈</h6>
						</a>
					</li>
					<li>
						<a href="">
							<div class="imgwrap">
								<img src="img/product_img/icon3.png"" alt="" />
							</div>
							<h6>新浪微博</h6>
						</a>
					</li>
					<li>
						<a href="">
							<div class="imgwrap">
								<img src="img/product_img/icon4.png"" alt="" />
							</div>
							<h6>QQ好友</h6>
						</a>
					</li>
					<li>
						<a href="">
							<div class="imgwrap">
								<img src="img/product_img/icon5.png"" alt="" />
							</div>
							<h6>QQ空间</h6>
						</a>
					</li>
					<li>
						<a href="">
							<div class="imgwrap">
								<img src="img/product_img/icon6.png"" alt="" />
							</div>
							<h6>手机联系人</h6>
						</a>
					</li>
					<li>
						<a href="">
							<div class="imgwrap">
								<img src="img/product_img/icon7.png"" alt="" />
							</div>
							<h6>老客户</h6>
						</a>
					</li>
					<li>
						<a href="">
							<div class="imgwrap">
								<img src="img/product_img/icon8.png"" alt="" />
							</div>
							<h6>二维码</h6>
						</a>
					</li>
					<li>
						<a href="">
							<div class="imgwrap">
								<img src="img/product_img/icon9.png"" alt="" />
							</div>
							<h6>复制链接</h6>
						</a>
					</li>
				</ul>
				<div class="spread-cancel">取消</div>
				</div>
			</div>
		</div>
		<script src="js/mobileFontSizeReset.js"></script>
		<script src="js/product.js"></script>
	</body>
</html>
